﻿@{
    ViewBag.Title = "Home";
}

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="/">Simple Routing</a>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class="active"><a href="#!/">Home</a></li>
                    <li><a href="#!/About">About</a></li>
                    <li><a href="#!/Contact">Contact</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</div>

<div class="container">
    
    <div ng-view></div>

    <hr>

    <footer>
        <p>&copy; Company 2012</p>
    </footer>

</div> <!-- /container -->

@section scripts {
    <script src="@Url.Content("~/Scripts/app/home/homeModule.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/app/home/homeCtrl.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/app/home/aboutCtrl.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/app/home/contactCtrl.js")" type="text/javascript"></script>
}
